<template>
  <div style="margin-bottom: 20px">
    <label class="q-query" for="q-query">快速查询 ：</label>
    <el-input
      v-model="queryData"
      clearable
      name="q-query"
      style="width: 200px; margin-right: 10px"
      size="small"
      @clear="qClear"
      placeholder="请输入"
    >
    </el-input>
    <el-button type="primary" size="small" @click="quickQuery">查询</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 查询内容
      queryData: "",
    };
  },
  methods: {
    quickQuery() {
      this.$emit("query", this.queryData);
    },
    qClear() {
      this.$emit("query", this.queryData);
    },
  },
};
</script>

<style scoped>
.q-query {
  font-size: 14px;
  margin-right: 6px;
}
</style>